<!DOCTYPE html>
<html lang="en">
<?php
// 启动会话
session_start();
?>

<script>
    function userIsLoggedIn() {
        // 在这里实现用户登录状态的检查逻辑
        // 返回值为布尔值，true 表示用户已登录，false 表示用户未登录
        // 示例：检查用户是否具有有效的登录凭据
        // 这里改为检查会话中的登录状态
        return <?php echo isset($_SESSION['loggedin']) && $_SESSION['loggedin'] ? 'true' : 'false'; ?>;
    }

    // 在页面加载时检查用户登录状态
    window.addEventListener('DOMContentLoaded', function() {
        if (!userIsLoggedIn()) {
            window.location.href = '../Login.php'; // 请将 'login.html' 替换为您实际的登录页面路径
        }
    });
</script>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>酒店房源管理后台</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/bootstrap.min441.css">
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/jquery-ui.css">
    <link rel="stylesheet" href="../css/bootstrap-select.css">


</head>
</head>

<body>
    <div class="container">
        <!-- 预定管理 -->
        <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
            <a class="navbar-brand" href="#">酒店后台管理系统</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                    <li class="nav-item ">
                        <a class="nav-link" href="./预购订单管理.php">预订管理<span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./房态查询页面.php">房态查询<span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./房间状态管理.php">房态管理<span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item active">
                        <a class="nav-link" href="./后台房源管理页面.php">房源管理<span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./客户管理页面.php">客户管理<span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item ">
                        <a class="nav-link" href="./账户管理页面.php">账户管理<span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./留言后台查看界面.php">留言管理<span class="sr-only">(current)</span></a>
                    </li>


                    <li class="nav-item">
                        <a class="nav-link" href="../backend01.php">退回主页<span class="sr-only">(current)</span></a>
                    </li>

                </ul>
            </div>
        </nav>

        <div class="container mt-5">
            <h1>酒店房源管理后台</h1>
            <!-- 添加房源表单 -->
            <h2>添加房源</h2>
            <form id="addRoomForm" class="row-flex">
                <div class="row">
                    <div class="form-group col-md-6">
                        <label for="roomNumber">房间号</label>
                        <input type="text" class="form-control" id="roomNumber" required>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="roomType">房间类型</label>
                        <input type="text" class="form-control" id="roomType" required>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-6">
                        <label for="roomPrice">价格</label>
                        <input type="text" class="form-control" id="roomPrice" required>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="fileInput">图片地址</label>
                        <input type="file" id="fileInput">
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-6">
                        <label for="capacity">可容纳人数</label>
                        <input type="number" class="form-control" id="capacity" required>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="roomService">服务信息</label> <!-- 新字段：服务信息 -->
                        <input type="text" class="form-control" id="roomService" required> <!-- 新字段：服务信息 -->
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-6">
                        <label for="roomDescription">房间描述</label>
                        <textarea class="form-control" id="roomDescription" rows="4" required></textarea>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="roomIntroduction">房间简介</label>
                        <textarea class="form-control" id="roomIntroduction" rows="4" required></textarea>
                    </div>
                </div>
                <div class="form-group col-12">
                    <button type="submit" class="btn btn-primary">提交</button>
                </div>
            </form>

            <!-- 模态框代码 -->
            <div class="modal" id="editRoomModal" tabindex="-1" role="dialog" aria-labelledby="editRoomModalLabel" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="editRoomModalLabel">编辑房间信息</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <form id="editRoomForm">
                                <div class="row">
                                    <div class="form-group col-md-12" style="display:none;">
                                        <input type="hidden" class="form-control" id="editHiddenRoomId">
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label for="editRoomNumber">房间号</label>
                                        <input type="text" class="form-control" id="editRoomNumber" readonly>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="form-group col-md-4">
                                        <label for="editRoomStatus">是否可用</label>
                                        <input type="text" class="form-control" id="editRoomStatus">
                                    </div>
                                    <div class="form-group col-md-4">
                                        <label for="editRoomType">房间类型</label>
                                        <input type="text" class="form-control" id="editRoomType">
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="editRoomPrice">房间价格</label>
                                        <input type="number" class="form-control" id="editRoomPrice">
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="form-group" style="display:none;">
                                        <label for="hiddenImageUrl">隐藏的图片地址</label>
                                        <input type="text" class="form-control" id="hiddenImageUrl">
                                    </div>
                                    <div class="form-group col-md-4">
                                        <label for="editFileoutput">上传图片</label>
                                        <input type="file" id="editFileoutput">
                                    </div>
                                    <div class="form-group col-md-4">
                                        <label for="editRoomCapacity">容纳人数</label>
                                        <input type="number" class="form-control" id="editRoomCapacity">
                                    </div>
                                    <div class="form-group col-md-4">
                                        <label for="editRoomService">服务信息</label>
                                        <input type="text" class="form-control" id="editRoomService">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="form-group col-md-12">
                                        <label for="editRoomDescription">房间描述</label>
                                        <textarea class="form-control" id="editRoomDescription" rows="3"></textarea>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="form-group col-md-12">
                                        <label for="editRoomIntroduction">房间简介</label>
                                        <textarea class="form-control" id="editRoomIntroduction" rows="3"></textarea>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                                    <button type="submit" id="editRoomFormButton" class="btn btn-primary">保存</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>


            <!-- 房间列表 -->
            <h2>房间列表</h2>
            <table class="table">
                <thead>
                    <tr>
                        <th>房间号</th>
                        <th>房间类型</th>
                        <th>房间状态</th>
                        <th>房间价格</th>
                        <th>容纳人数</th>
                        <th>图片地址</th> <!-- 新字段：图片地址 -->
                        <th>服务信息</th> <!-- 新字段：服务信息 -->
                        <th>房间描述</th> <!-- 新字段：房间描述 -->
                        <th>房间简介</th> <!-- 新字段：房间简介 -->
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody id="roomList">
                    <!-- 房间列表内容通过后台数据动态生成 -->
                </tbody>
            </table>


        </div>
        <script src="../js/jquery-3.6.0.min.js"></script>
        <script src="../js/bootstrap.min.js"></script>
        <script>
            // // 普通方法获取房间列表数据，我不会把rooms列表变成全局变量
            // // 渲染房间列表函数，用于将从后端获取的房间信息显示在页面上
            // $(document).ready(function () {
            //     // 发起Ajax请求
            //     $.ajax({
            //         url: '../backend/api/housingResourcesManagementPage_1.php', // 指向包含数据库查询的PHP脚本的URL
            //         type: 'GET', // 请求类型，可以根据需求修改
            //         dataType: 'json', // 响应数据类型为JSON
            //         success: function (response) {
            //             console.log(response);
            //             if (response.resultCount > 0) {
            //                 var rooms = response.rooms;

            //                 // 生成房间列表的HTML
            //                 var html = '';
            //                 for (var i = 0; i < rooms.length; i++) {
            //                     var room = rooms[i];
            //                     html += '<tr>';
            //                     html += '<td>' + room.roomNumber + '</td>';
            //                     html += '<td>' + room.roomType + '</td>';
            //                     html += '<td>' + room.roomStatus + '</td>';
            //                     html += '<td>' + room.price + '</td>';
            //                     html += '<td>' + room.capacity + '</td>';
            //                     html += '<td>' + room.fileInput + '</td>'; // 请根据数据字段修改
            //                     html += '<td>' + room.roomService + '</td>'; // 请根据数据字段修改
            //                     html += '<td>' + room.roomDescription + '</td>'; // 请根据数据字段修改
            //                     html += '<td>' + room.roomIntroduction + '</td>'; // 请根据数据字段修改
            //                     html += '<td>';
            //                     html += '<button class="btn btn-primary btn-sm btn-edit-room" data-room-number="' + rooms[i].rooms_id + '">编辑</button>';
            //                     html += '<button class="btn btn-danger btn-sm btn-delete-room" data-room-number="' + rooms[i].rooms_id + '">删除</button>';
            //                     html += '<button class="btn btn-warning btn-sm btn-change-status" data-room-number="' + rooms[i].rooms_id + '">修改状态</button>';
            //                     html += '</td>';
            //                     html += '</tr>';
            //                 }

            //                 // 将生成的HTML插入到<tbody id="roomList">中
            //                 $('#roomList').php(html);
            //             }
            //         },
            //         error: function (xhr, status, error) {
            //             // Ajax请求发生错误时的处理
            //             console.log('Ajax请求失败:', error);
            //         }
            //     });
            // });
            // // 调用rooms数组示例
            // // 明天问老师
            // // 在任何位置都可以直接访问 window.rooms
            // //console.log("调用rooms数组:", window.rooms);


            // 运用单例模式读取数据库中数据
            // 单例模式：保证一个类只有一个实例，并提供一个访问它的全局访问点
            // 运用单例模式读取数据库中数据
            // 单例模式：保证一个类只有一个实例，并提供一个访问它的全局访问点
            var App = (function() {
                var instance;

                function init() {
                    function loadData() {
                        $.ajax({
                            url: '../backend/api/housingResourcesManagementPage_1.php',
                            type: 'GET',
                            dataType: 'json',
                            success: function(response) {
                                if (response.resultCount > 0) {
                                    var rooms = response.rooms;
                                    var html = '';
                                    for (var i = 0; i < rooms.length; i++) {
                                        var room = rooms[i];
                                        html += '<tr>';
                                        html += '<td>' + room.roomNumber + '</td>';
                                        html += '<td>' + room.roomType + '</td>';
                                        html += '<td>' + room.roomStatus + '</td>';
                                        html += '<td>' + room.price + '</td>';
                                        html += '<td>' + room.capacity + '</td>';
                                        html += '<td>' + room.fileInput + '</td>';
                                        html += '<td>' + room.roomService + '</td>';
                                        html += '<td>' + room.roomDescription + '</td>';
                                        html += '<td>' + room.roomIntroduction + '</td>';
                                        html += '<td>';
                                        html += '<button class="btn btn-primary btn-sm btn-edit-room" data-room-id="' + rooms[i].rooms_id + '">编辑</button>';
                                        html += '<button class="btn btn-danger btn-sm btn-delete-room" data-room-id="' + rooms[i].rooms_id + '">删除</button>';
                                        html += '<button class="btn btn-warning btn-sm btn-change-status" data-room-id="' + rooms[i].rooms_id + '">修改状态</button>';
                                        html += '</td>';
                                        html += '</tr>';
                                    }
                                    $('#roomList').html(html);
                                }
                            },
                            error: function(xhr, status, error) {
                                console.log('Ajax请求失败:', error);
                            }
                        });
                    }
                    // 公有方法
                    return {
                        // 返回一个包含单个方法 `load` 的对象
                        load: function() {
                            // `load` 方法调用了 `loadData` 函数，可以在控制台输出 AJAX 请求的结果
                            loadData();
                        },
                        setRooms: function(data) {
                            // 设置 rooms 变量的值为传入的 data
                            rooms = data;
                        },
                        getRooms: function() {
                            // 返回 rooms 变量的值
                            return rooms;
                        }
                    };
                }
                return {
                    // // 返回一个包含单个方法 `getInstance` 的对象
                    getInstance: function() {
                        // `getInstance` 方法实现了单例模式，返回单例对象
                        // 如果 `instance` 不存在，则通过调用 `init` 方法来实例化它
                        // 检查全局变量 instance 是否已经被创建
                        if (!instance) {
                            // 如果 instance 不存在，则调用 init() 方法创建一个新的 instance 对象
                            instance = init();
                            // 在新创建的 instance 对象上添加 setRooms 方法
                            // 该方法用于设置房间数据 rooms
                            instance.setRooms = function(rooms) {
                                this.rooms = rooms;
                            }
                        }
                        // 返回 instance 对象，无论是新创建的还是已存在的
                        return instance;
                    }
                };

            })();

            // // 使用示例
            $(document).ready(function() {
                // 获取单例对象
                var app = App.getInstance();
                // 使用 AJAX 请求从服务器获取房间列表数据
                $.get("../backend/api/housingResourcesManagementPage_1.php", function(data) {
                    // 将数据传递给 `setRooms` 方法并使用 `load` 方法展示房间列表
                    app.setRooms(data);
                    app.load();
                });
                console.log('单例模式测试');
                console.log(app);
            });



            // 添加房源表单提交事件
            // 新建房间
            $('#addRoomForm').submit(function(e) {
                e.preventDefault();
                var roomNumber = $('#roomNumber').val();
                var roomStatus = $('#roomStatus').val();
                var roomType = $('#roomType').val();
                var roomDescription = $('#roomDescription').val();
                var price = $('#roomPrice').val();
                var roomService = $('#roomService').val(); // 新字段：服务信息
                var roomIntroduction = $('#roomIntroduction').val(); // 新字段：房间简介
                var capacity = $('#capacity').val();
                // 上传图片
                var fileInput = $('#fileInput')[0].files[0];
                var formData = new FormData();
                formData.append('file', fileInput);
                $.ajax({
                    url: '../backend/api/housingResourcesUpload.php',
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        if (response.error) {
                            alert(response.error);
                        } else {
                            var newFileName = response.newFileName;
                            var relativePath = response.relativePath;
                            console.log('文件上传成功，新文件名为：' + newFileName);
                            console.log('文件相对路径为：' + relativePath);
                            // 清空表单...
                            // 你可以根据需要进行其他操作
                            // 上传数据到数据库
                            $.ajax({
                                url: '../backend/api/housingResourcesManagementPage_2.php',
                                type: 'POST',
                                data: {
                                    roomNumber: roomNumber,
                                    roomType: roomType,
                                    roomStatus: roomStatus, // 根据实际情况设置房间状态
                                    price: price,
                                    capacity: capacity,
                                    fileInput: relativePath, // 使用相对路径作为图片地址保存到数据库
                                    roomService: roomService,
                                    roomDescription: roomDescription,
                                    roomIntroduction: roomIntroduction
                                },
                                success: function(response) {
                                    console.log(response); // 处理服务器响应
                                },
                                error: function(xhr, status, error) {
                                    console.log('上传失败: ' + error);
                                }
                            });
                        }
                    },
                    error: function(xhr, status, error) {
                        console.log('文件上传失败: ' + error);
                    }
                });
                // 清空表单数据
                $(this)[0].reset();

            });







            // 从这里分开，不用单例模式
            // 从这里分开，不用单例模式
            // 从这里分开，不用单例模式
            // 从这里分开，不用单例模式
            // 从这里分开，不用单例模式
            // 从这里分开，不用单例模式
            // 从这里分开，不用单例模式


            // $(document).on('click', '.btn-edit-room', function () {
            //     console.log(rooms);
            //     // 获取房间号
            //     var roomNumber = $(this).data('room-number');
            //     // 根据roomNumber在数组中找到对应的房间详细信息
            //     var roomDetails = rooms.find(function (room) {
            //         return room.roomNumber == roomNumber;
            //     });
            //     // 模态框显示房间详细信息
            //     $('#editRoomModalLabel').text('编辑房间 - ' + roomDetails.roomNumber);
            //     $('#editRoomNumber').val(roomDetails.roomNumber);
            //     $('#editRoomType').val(roomDetails.roomType);
            //     $('#editRoomPrice').val(roomDetails.price);
            //     $('#editRoomService').val(roomDetails.roomService);
            //     $('#editRoomDescription').val(roomDetails.roomDescription);
            //     $('#editRoomSummary').val(roomDetails.roomIntroduction);
            //     $('#editRoomModal').modal('show');
            //     // 编辑房间信息提交事件
            //     $('#editRoomForm').submit(function (e) {
            //         e.preventDefault();
            //         // 获取表单数据
            //         var editedRoomDetails = {
            //             roomNumber: $('#editRoomNumber').val(),
            //             roomType: $('#editRoomType').val(),
            //             price: $('#editRoomPrice').val(),
            //             roomService: $('#editRoomService').val(),
            //             roomDescription: $('#editRoomDescription').val(),
            //             roomIntroduction: $('#editRoomSummary').val()
            //         };
            //         // 更新房间信息
            //         rooms.forEach(function (room) {
            //             if (room.roomNumber === editedRoomDetails.roomNumber) {
            //                 room.roomType = editedRoomDetails.roomType;
            //                 room.price = editedRoomDetails.price;
            //                 room.roomService = editedRoomDetails.roomService;
            //                 room.roomDescription = editedRoomDetails.roomDescription;
            //                 room.roomIntroduction = editedRoomDetails.roomIntroduction;
            //             }
            //         });
            //         // 进行编辑...
            //         console.log('编辑房间信息：', editedRoomDetails);
            //         // 关闭模态框
            //         $('#editRoomModal').modal('hide');
            //     });


            //     // 点击编辑按钮触发编辑房间操作
            //     $(document).on('click', '.btn-edit-room', function () {
            //         console.log(App.getInstance());
            //         // 获取单例实例中的 rooms 变量
            //         var rooms = App.getInstance().getRooms();
            //         console.log(rooms);
            //         // 获取房间id
            //         var roomId = $(this).data('room-id');
            //         console.log("572行roomId:" + roomId);
            //         // 根据roomId在数组中找到对应的房间详细信息
            //         var roomDetails = rooms.find(function (room) {
            //             console.log("576行id:" + room.rooms_id);
            //             return room.rooms_id == roomId;
            //         });
            //         console.log("579行idroomDetails:" + roomDetails.rooms_id);
            //         $('#editRoomId').val(roomDetails.rooms_id);  // 将房间 ID 存储到隐藏字段中
            //         // 添加判断，确保roomDetails不为undefined
            //         if (roomDetails) { // 添加判断，确保roomDetails不为undefined
            //             // 模态框显示房间详细信息
            //             $('#editRoomModalLabel').text('编辑房间 - ' + roomDetails.roomNumber);
            //             $('#editRoomNumber').val(roomDetails.roomNumber);
            //             $('#editRoomType').val(roomDetails.roomType);
            //             $('editFileoutput').val(roomDetails.fileInput);
            //             $('#editRoomPrice').val(roomDetails.price);
            //             $('#editRoomCapacity').val(roomDetails.capacity);
            //             $('#editRoomService').val(roomDetails.roomService);
            //             $('#editRoomStatus').val(roomDetails.roomStatus);
            //             $('#editRoomDescription').val(roomDetails.roomDescription);
            //             $('#editRoomSummary').val(roomDetails.roomIntroduction);
            //             $('#editRoomRemarks').val(roomDetails.remarks);
            //             // 显示模态框
            //             $('#editRoomModal').modal('show');
            //             console.log('房间详细信息已加载'+roomDetails.fileInput);
            //         } else {
            //             console.log('未找到对应房间'); // 进行错误处理或调试输出
            //         }
            //     });
            // });

            $(document).ready(function() {
                $(document).on('click', '.btn-edit-room', function() {

                    var roomsId = $(this).data('room-id');
                    console.log(roomsId);
                    // 清空表单字段
                    $('#editRoomForm')[0].reset();
                    // 发送AJAX请求获取房间信息
                    $.ajax({
                        url: '../backend/api/housingResourcesManagementPage_4.php',
                        type: 'POST',
                        data: {
                            rooms_id: roomsId
                        },
                        success: function(response) {
                            console.log(response);
                            var roomInfo = JSON.parse(response);
                            // 填充表单字段
                            $('#editHiddenRoomId').val(roomInfo.rooms_id);
                            $('#editRoomNumber').val(roomInfo.roomNumber);
                            $('#editRoomType').val(roomInfo.roomType);
                            $('#editRoomStatus').val(roomInfo.roomStatus);
                            $('#editRoomPrice').val(roomInfo.price);
                            $('#editRoomCapacity').val(roomInfo.capacity);
                            $('#hiddenImageUrl').val(roomInfo.fileInput);
                            $('#editRoomService').val(roomInfo.roomService);
                            $('#editRoomDescription').val(roomInfo.roomDescription);
                            $('#editRoomIntroduction').val(roomInfo.roomIntroduction);

                            console.log(roomInfo.rooms_id, roomInfo.fileInput);
                            // 显示模态框
                            $('#editRoomModal').modal('show');
                        },
                        error: function() {
                            // 处理请求失败的逻辑
                        }
                    });
                });
                $(document).on('click', '#editRoomFormButton', function() {
                    event.preventDefault();
                    // 完成照片地址储存
                    function updateImageUrl() {
                        var input = document.getElementById('editFileoutput');
                        if (input.files && input.files[0]) {
                            var reader = new FileReader();
                            reader.onload = function(e) {
                                document.getElementById('hiddenImageUrl').value = e.target.result;
                            }
                            reader.readAsDataURL(input.files[0]);
                        } else {
                            var hiddenInput = document.getElementById('hiddenImageUrl');
                            if (hiddenInput.value === '') {
                                // 将原值填充回隐藏输入框
                                hiddenInput.value = hiddenImageUrl;
                            }
                        }
                    }
                    // 上传图片
                    var fileInput = $('#editFileoutput')[0].files[0];
                    console.log(fileInput);
                    if (fileInput) {
                        var formData = new FormData();
                        console.log(fileInput);
                        formData.append('file', fileInput);
                        $.ajax({
                            url: '../backend/api/housingResourcesUpload.php',
                            type: 'POST',
                            data: formData,
                            processData: false,
                            contentType: false,
                            success: function(response) {
                                if (response.error) {
                                    alert(response.error);
                                } else if (response.uploadError) {
                                    console.log('无法移动文件: ' + response.uploadError);
                                } else {
                                    var newFileName = response.newFileName;
                                    var relativePath = response.relativePath;
                                    console.log('文件上传成功，新文件名为：' + newFileName);
                                    console.log('文件相对路径为：' + relativePath);
                                    // 获取表单字段值
                                    var editRoomFormData = {
                                        roomId: $('#editHiddenRoomId').val(),
                                        roomNumber: $('#editRoomNumber').val(),
                                        roomType: $('#editRoomType').val(),
                                        roomStatus: $('#editRoomStatus').val(),
                                        price: $('#editRoomPrice').val(),
                                        capacity: $('#editRoomCapacity').val(),
                                        fileInput: relativePath, // 使用上传成功后的图片相对路径
                                        roomService: $('#editRoomService').val(),
                                        roomDescription: $('#editRoomDescription').val(),
                                        roomIntroduction: $('#editRoomIntroduction').val()
                                    };
                                    console.log('roomId:' + editRoomFormData.roomId);
                                    console.log(editRoomFormData.roomStatus);

                                    var formData = JSON.stringify(editRoomFormData);
                                    var jsonData = JSON.stringify(editRoomFormData);
                                    console.log("传进数据库的数组为" + jsonData);
                                    // 发送AJAX请求保存数据
                                    $.ajax({
                                        url: '../backend/api/housingResourcesManagementPage_3.php',
                                        type: 'POST',
                                        // contentType: 'application/json',
                                        data: jsonData, // 将数据转换为 JSON 字符串
                                        success: function(response) {
                                            // 处理保存成功的逻辑
                                            // 关闭模态框等操作
                                            console.log(response);
                                        },
                                        error: function() {
                                            // 处理保存失败的逻辑
                                        }
                                    });
                                }
                            },
                            error: function(xhr, status, error) {
                                console.log('文件上传失败: ' + error);
                            }
                        });
                    } else {
                        // 如果没有选择图片，则直接发送表单数据
                        var editRoomFormData = {
                            roomId: $('#editHiddenRoomId').val(),
                            roomNumber: $('#editRoomNumber').val(),
                            roomType: $('#editRoomType').val(),
                            roomStatus: $('#editRoomStatus').val(),
                            price: $('#editRoomPrice').val(),
                            capacity: $('#editRoomCapacity').val(),
                            fileInput: $('#hiddenImageUrl').val(),
                            roomService: $('#editRoomService').val(),
                            roomDescription: $('#editRoomDescription').val(),
                            roomIntroduction: $('#editRoomIntroduction').val()
                        };
                        var formData = JSON.stringify(editRoomFormData);

                        // 发送AJAX请求保存数据
                        $.ajax({
                            url: '../backend/api/housingResourcesManagementPage_3.php',
                            type: 'POST',
                            data: formData,
                            success: function(response) {
                                // 处理保存成功的逻辑
                                // 关闭模态框等操作
                                console.log(response);
                                $('#editRoomModal').modal('hide');
                            },
                            error: function() {
                                // 处理保存失败的逻辑
                            }
                        });
                    }
                });
            });

            // 删除房间功能
            $(document).on('click', '.btn-delete-room', function() {
                var roomId = $(this).data('room-id');
                if (confirm('您确定要删除该房间吗？')) {
                    // 用户确认删除，执行 AJAX 请求
                    $.ajax({
                        url: '../backend/api/housingResourcesManagementPage_5.php',
                        type: 'POST',
                        data: {
                            room_id: roomId
                        },
                        success: function(response) {
                            if (response === 'success') {
                                // 根据返回的响应执行适当的操作
                                alert('房间删除成功');
                                // 刷新房间列表等操作
                            } else {
                                // 显示其他错误消息
                                //alert('房间删除失败');
                            }
                        },
                        error: function(xhr, status, error) {
                            // 处理错误情况
                            console.log(error);
                            alert('发生错误，请稍后再试');
                        }
                    });
                } else {
                    // 用户取消删除，不执行 AJAX 请求
                    console.log('用户取消删除');
                }
            });




            // 记录日志的函数
            function recordLog(message) {
                // 在此处编写将日志记录到文件的逻辑
                console.log('记录日志：' + message);
            }



            // 改变房间状态
            $(document).on('click', '.btn-change-status', function() {
                // 获取房间号
                var roomsId = $(this).data('room-id');
                console.log('id号:' + roomsId);

                // 发送Ajax请求
                $.ajax({
                    url: '../backend/api/housingResourcesManagementPage_6.php', // PHP文件的路径
                    method: 'POST', // 请求方法
                    data: {
                        rooms_id: roomsId
                    }, // 发送的数据，房间号
                    success: function(response) {
                        console.log(response); // 在控制台输出响应消息
                        // 刷新列表
                        //location.reload();
                    },
                    error: function(xhr, status, error) {
                        console.error(error); // 在控制台输出错误消息
                    }
                });

            })
        </script>
</body>

</html>